<link rel="stylesheet" type="text/css" href="layui/css/layui.css" media="all">
<link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
<style>
  .tool-title {
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    color: #666;
  }

  .layui-form-label {
    font-size: 12px;
  }

  .layui-input {
    font-size: 12px;
  }

  .layui-laydate .layui-this {
    background-color: #1E9FFF !important
  }

  .layui-form-select dl dd {
    font-size: 12px;
  }

  .layui-form-select dl dd.layui-this {
    background-color: #1E9FFF;
  }

  .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #1E9FFF;
  }

  .layui-form-checked[lay-skin=primary] i {
    border-color: #1E9FFF;
    background-color: #1E9FFF;
  }

  .layui-table-tips-c:before {
    right: 1px;
    top: -4px;
  }

  .layui-layer-page .layui-layer-content {
    overflow: visible;
  }

  .layui-text h3 {
    line-height: 19px;
    font-size: 14px;
  }
</style>
<section id="main-content">
  <section class="wrapper">
    <!--state overview end-->
    <div class="row">
      <div class="col-lg-12">
        <section class="panel">
          <div class="panel-body" style="padding-bottom: 0;">
            <div class="row">
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon">开始日期</span>
                  <input type="text" id="sftime" class="form-control" placeholder="开始日期">
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon">结束日期</span>
                  <input type="text" id="setime" class="form-control" placeholder="结束日期">
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">归属公司</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;">
                    <option value="赛特斯集团">赛特斯集团</option>
                    <option value="赛特斯北京">赛特斯北京</option>
                    <option value="赛特斯南京">赛特斯南京</option>
                    <option value="赛特斯上海">赛特斯上海</option>
                    <option value="赛特斯广东">赛特斯广东</option>
                    <option value="浩方科技">浩方科技</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">归属部门</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;">
                    <option>请选择</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">流程类型</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;">
                    <option>全部类型</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">费用分类</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;">
                    <option>全部类型</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">流程状态</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;">
                    <option>默认全部</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">项目类型</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;">
                    <option>全部类型</option>
                    <option value="ZL">战略类</option>
                    <option value="YF">研发类</option>
                    <option value="XS">销售类</option>
                    <option value="BM">部门类</option>
                    <option value="SW">事务类</option>
                    <option value="CS">测试类</option>
                  </select>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon" style="position: relative;z-index: 2;">项目状态</span>
                  <select class="form-control"
                    style="position: relative;margin-left:-3px;border-top-left-radius:0;border-bottom-left-radius:0;">
                    <option>默认全部</option>
                    <option value="1">运行中</option>
                    <option value="2">已关闭</option>
                    <option value="3">已完结</option>
                    <option value="4">已暂停</option>
                  </select>
                </div>
              </div>
              <div class="col-lg-3">
                <div class="input-group m-bot15">
                  <span class="input-group-addon">项目名称</span>
                  <input type="text" class="form-control" placeholder="输入项目名称自动检索">
                </div>
              </div>
              <div class="col-lg-3">
                <button class="btn btn-info" style="margin-bottom:15px;">搜索</button>
              </div>
            </div>
          </div>
        </section>
        <section class="panel">
          <table class="layui-hide" id="demo" lay-filter="test"></table>
          <script type="text/html" id="toolbarDemo">
            <label class="tool-title">高级列表</label>
          </script>
          <script type="text/html" id="titleTpl">
            <a href="javascript:layer.msg('项目详情');" class="layui-table-link">{{d.pro_name}}</a>
          </script>
          <script type="text/html" id="income">
            ￥{{d.income}}元
          </script>
          <script type="text/html" id="spending">
            ￥{{d.spending}}元
          </script>
          <script type="text/html" id="barDemo">
            <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看详情</a>
          </script>
        </section>
      </div>
    </div>
  </section>
</section>
<script type="text/javascript" src="layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script>
  //时间控件
  $("#sftime").datepicker({
    format: 'yyyy-mm-dd'
  });
  $("#setime").datepicker({
    format: 'yyyy-mm-dd'
  });
</script>
<script type="text/javascript" src="js/probplist/index.js" charset="utf-8"></script>